adwaita: insensitive styling for views
authorLapo Calamandrei <calamandrei@gmail.com>
Wed, 8 Feb 2017 15:45:51 +0000 (16:45 +0100)
committerMatthias Clasen <mclasen@redhat.com>
Thu, 9 Feb 2017 02:32:33 +0000 (21:32 -0500)
Add an insensitive style to views, somehow we didn't ship one, so
for example, disabled textviews looked the same as sensitive ones.

gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index 9690f7614f5cc0992e94db2256d4918859deb5e6..c168b66eb879f8c485e93dcec873329bc4911d2a 100644 (file)
@@ -98,6 +98,12 @@ $button_transition: all 200ms $ease-out-quad;
   &:backdrop {
     color: $backdrop_text_color;
     background-color: $backdrop_base_color;
+    &:disabled { color: $backdrop_insensitive_color; }
+  }
+
+  &:disabled {
+    color: $insensitive_fg_color;
+    background-color: $insensitive_bg_color;
   }
 
   &:selected {
index 9a1dad985b4478e7a42aa50cb2a894f45a917eab..270d140ae253ce9c4a7a3d47fdee7d166506c316 100644 (file)
@@ -64,6 +64,17 @@ textview text {
   textview text:backdrop {
     color: #d3d4d5;
     background-color: #252a2c; }
+    .view:backdrop:disabled, iconview:backdrop:disabled,
+    .view text:backdrop:disabled,
+    iconview text:backdrop:disabled,
+    textview text:backdrop:disabled {
+      color: #566164; }
+  .view:disabled, iconview:disabled,
+  .view text:disabled,
+  iconview text:disabled,
+  textview text:disabled {
+    color: #919494;
+    background-color: #2d3234; }
   .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
   .view text:selected:focus,
   iconview text:selected:focus,
index 580af98c87b69689caa9e4ff5cb6601226a709d5..07f8b2a100a28de3d9b77761e1cc4f41d15369b7 100644 (file)
@@ -64,6 +64,17 @@ textview text {
   textview text:backdrop {
     color: #323232;
     background-color: #fcfcfc; }
+    .view:backdrop:disabled, iconview:backdrop:disabled,
+    .view text:backdrop:disabled,
+    iconview text:backdrop:disabled,
+    textview text:backdrop:disabled {
+      color: #c3c3c0; }
+  .view:disabled, iconview:disabled,
+  .view text:disabled,
+  iconview text:disabled,
+  textview text:disabled {
+    color: #8b8e8f;
+    background-color: #f1f1f1; }
   .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
   .view text:selected:focus,
   iconview text:selected:focus,